﻿<!DOCTYPE html>
<!--[if IE 8]><html class="lt-ie10 ie8 " lang="en" 
data-fouc-class-names="swift-loading"><![endif]-->
<!--[if IE 9]><html class="lt-ie10 ie9 " lang="en" 
data-fouc-class-names="swift-loading"><![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en"
data-fouc-class-names="swift-loading">
<!--<![endif]-->
<head>







    <meta charset="utf-8">
    <title>Twitter</title>



    <meta name="msapplication-TileImage" content="//abs.twimg.com/favicons/win8-tile-144.png" />
    <meta name="msapplication-TileColor" content="#00aced" />

    <link href="//abs.twimg.com/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon">


    <meta name="swift-page-name" id="swift-page-name" content="home">

    <link rel="canonical" href="https://twitter.com/">



    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Twitter">

    <link rel="stylesheet" href="https://abs.twimg.com/a/1375300742/t1/css/t1_core.bundle.css" type="text/css">


    <style id="user-style-XuanTanDo" class="js-user-style">
        a,
        .btn-link,
        .btn-link:focus,
        .pretty-link b,
        .pretty-link:hover s,
        .pretty-link:hover b,
        .pretty-link:focus s,
        .pretty-link:focus b,
        /* Account Group */
        .metadata a:hover,
        .metadata a:focus,
        .account-group:hover .fullname,
        .account-group:focus .fullname,
        .account-summary:focus .fullname,
        .stats a:hover,
        .stats a:hover strong,
        .stats a:focus,
        .stats a:focus strong,
        .profile-modal-header .fullname a:hover,
        .profile-modal-header .username a:hover,
        .profile-modal-header .fullname a:focus,
        .profile-modal-header .username a:focus,
        .story-article:hover .metadata,
        .story-article .metadata a:focus,
        .find-friends-sources li:hover .source,
        .stream-item a:hover .fullname,
        .stream-item a:focus .fullname,
        .stream-item .view-all-supplements:hover,
        .stream-item .view-all-supplements:focus,
        .tweet .time a:hover,
        .tweet .time a:focus,
        .tweet-actions a,
        .tweet .details.with-icn b,
        .stream-item:hover .original-tweet .expand-action-wrapper,
        .stream-item .original-tweet.focus .expand-action-wrapper,
        .opened-tweet.original-tweet .expand-action-wrapper,
        .stream-item:hover .original-tweet .details b,
        .stream-item .original-tweet.focus .details b,
        .stream-item.open .original-tweet .details b,
        .simple-tweet:hover .details b,
        .simple-tweet.focus .details b,
        .simple-tweet.open .details b,
        .simple-tweet:hover .details .expand-action-wrapper,
        .simple-tweet.focus .details .expand-action-wrapper,
        .simple-tweet.open .details .collapse-action-wrapper,
        .simple-tweet:hover .details .simple-details-link,
        .simple-tweet.focus .details .simple-details-link,
        .client-and-actions a:hover,
        .client-and-actions a:focus,
        .dismiss-promoted:hover b,
        .tweet .context .pretty-link:hover s,
        .tweet .context .pretty-link:hover b,
        .tweet .context .pretty-link:focus s,
        .tweet .context .pretty-link:focus b,
        .list .username a:hover,
        .list .username a:focus,
        .list-membership-container .create-a-list,
        .list-membership-container .create-a-list:hover,
        .story-header:hover .view-tweets,
        .card .list-details a:hover,
        .card .list-details a:focus,
        .card .card-body:hover .attribution,
        .card .card-body .attribution:focus,
        .events-card .card-body:hover .attribution,
        .events-card .card-body .attribution:focus,
        .new-tweets-bar,
        .onebox .soccer ul.ticker a:hover,
        .onebox .soccer ul.ticker a:focus,
        .discover-item-actions a,
        .disco-stream-item.disco_exp_actions_on_btm .more-tweet-actions .btn-link,
        .disco-stream-item.disco_exp_actions_on_btm_without_stats .more-tweet-actions .btn-link,
        .remove-background-btn,
        .stream-item-activity-me .latest-tweet .tweet-row a:hover,
        .stream-item-activity-me .latest-tweet .tweet-row a:focus,
        .stream-item-activity-me .latest-tweet .tweet-row a:hover b,
        .stream-item-activity-me .latest-tweet .tweet-row a:focus b {
            color: #0084B4;
        }






            s,
            .pretty-link:hover s,
            .pretty-link:focus s,
            .stream-item-activity-me .latest-tweet .tweet-row a:hover s,
            .stream-item-activity-me .latest-tweet .tweet-row a:focus s {
                color: #66B5D2;
            }



        .vellip,
        .vellip:before,
        .vellip:after,
        .conversation-module > li:after,
        .conversation-module > li:before {
            background-color: #66B5D2;
        }





        .tweet .sm-reply,
        .tweet .sm-rt,
        .tweet .sm-fav,
        .tweet .sm-image,
        .tweet .sm-video,
        .tweet .sm-audio,
        .tweet .sm-geo,
        .tweet .sm-in,
        .tweet .sm-trash,
        .tweet .sm-more,
        .tweet .sm-page,
        .tweet .sm-embed,
        .tweet .sm-summary,
        .tweet .sm-chat,
        .timelines-navigation .active .profile-nav-icon,
        .timelines-navigation .profile-nav-icon:hover,
        .timelines-navigation .profile-nav-link:focus .profile-nav-icon,
        .sm-top-tweet,
        .metadata a.tweet-geo-text:hover .sm-geo,
        .discover-item .js-action-card-search:hover .sm-search,
        .discover-item .js-action-card-search:focus .sm-search {
            background-color: #0084B4;
        }

        .wrapper.black {
            background: url(https://abs.twimg.com/a/1375300742/t1/img/wash-black-30.png);
        }

        .wrapper.white {
            background: url(https://abs.twimg.com/a/1375300742/t1/img/wash-white-30.png);
        }



        body {
            background-position: left 40px;
            background-attachment: fixed;
            background-repeat: repeat;
            background-repeat: no-repeat;
            background-color: #C0DEED;
        }
    </style>


    <style id="user-style-XuanTanDo-bg-img" class="js-user-style-bg-img">
        body.user-style-XuanTanDo {
            background-image: url(https://twimg0-a.akamaihd.net/images/themes/theme1/bg.png);
        }
    </style>




    <script id="swift_loading_indicator">
        document.documentElement.className = document.documentElement.className + " " + document.documentElement.getAttribute("data-fouc-class-names");
    </script>
    <script id="resolve_inline_redirects">
        (function () {
            function b() { var a = window.location.href.match(/#(.)(.*)$/); return a && a[1] == "!" && a[2].replace(/^\//, "") } function c(b) { if (!b) return !1; b = decodeURI(b.replace(/^#|\/$/, "")).toLowerCase(); return b.match(a) ? b : !1 } function d(a) {
                var a = c(a); if (a) {
                    var b = document
              .referrer || "none", d = "ev_redir_" + encodeURIComponent(a) + "=" + b + "; path=/"; document.cookie = d; window.location.replace("/hashtag/" + a)
                }
            } function e() {
                var a = b(); a && window.location.replace("//" + window.location.host + "/" + a); window.location.hash != "" && d(window.location.
                hash.substr(1).toLowerCase())
            } var a = /^[a-z0-9_À-ÖØ-öø-ÿĀ-ɏɓ-ɔɖ-ɗəɛɣɨɯɲʉʋʻ̀-ͯḀ-ỿЀ-ӿԀ-ԧⷠ-ⷿꙀ-֑ꚟ-ֿׁ-ׂׄ-ׇׅא-תװ-״﬒-ﬨשׁ-זּטּ-לּמּנּ-סּףּ-פּצּ-ﭏؐ-ؚؠ-ٟٮ-ۓە-ۜ۞-۪ۨ-ۯۺ-ۼۿݐ-ݿࢠࢢ-ࢬࣤ-ࣾﭐ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼ‌ก-ฺเ-๎ᄀ-ᇿ㄰-ㆅꥠ-꥿가-힯ힰ-퟿ﾡ-ￜァ-ヺー-ヾｦ-ﾟｰ０-９Ａ-Ｚａ-ｚぁ-ゖ゙-ゞ㐀-䶿一-鿿꜀-뜿띀-렟-﨟〃々〻]*[a-z_À-ÖØ-öø-ÿĀ-ɏɓ-ɔɖ-ɗəɛɣɨɯɲʉʋʻ̀-ͯḀ-ỿЀ-ӿԀ-ԧⷠ-ⷿꙀ-֑ꚟ-ֿׁ-ׂׄ-ׇׅא-תװ-״﬒-ﬨשׁ-זּטּ-לּמּנּ-סּףּ-פּצּ-ﭏؐ-ؚؠ-ٟٮ-ۓە-ۜ۞-۪ۨ-ۯۺ-ۼۿݐ-ݿࢠࢢ-ࢬࣤ-ࣾﭐ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼ‌ก-ฺเ-๎ᄀ-ᇿ㄰-ㆅꥠ-꥿가-힯ힰ-퟿ﾡ-ￜァ-ヺー-ヾｦ-ﾟｰ０-９Ａ-Ｚａ-ｚぁ-ゖ゙-ゞ㐀-䶿一-鿿꜀-뜿띀-렟-﨟〃々〻][a-z0-9_À-ÖØ-öø-ÿĀ-ɏɓ-ɔɖ-ɗəɛɣɨɯɲʉʋʻ̀-ͯḀ-ỿЀ-ӿԀ-ԧⷠ-ⷿꙀ-֑ꚟ-ֿׁ-ׂׄ-ׇׅא-תװ-״﬒-ﬨשׁ-זּטּ-לּמּנּ-סּףּ-פּצּ-ﭏؐ-ؚؠ-ٟٮ-ۓە-ۜ۞-۪ۨ-ۯۺ-ۼۿݐ-ݿࢠࢢ-ࢬࣤ-ࣾﭐ-ﮱﯓ-ﴽﵐ-ﶏﶒ-ﷇﷰ-ﷻﹰ-ﹴﹶ-ﻼ‌ก-ฺเ-๎ᄀ-ᇿ㄰-ㆅꥠ-꥿가-힯ힰ-퟿ﾡ-ￜァ-ヺー-ヾｦ-ﾟｰ０-９Ａ-Ｚａ-ｚぁ-ゖ゙-ゞ㐀-䶿一-鿿꜀-뜿띀-렟-﨟〃々〻]+$/
            ; e(); window.addEventListener ? window.addEventListener("hashchange", e, !1) : window.attachEvent && window.attachEvent("onhashchange", e)
        })();
    </script>
    <script id="swift_action_queue">
        (function () {
            function f(a) {
                a = a || window.event; if (!a) return; !a.target && a.srcElement && (a.target = a.srcElement); if (!j(a)) return; if (!document.addEventListener) { var b = {}; for (var c in a) b[c] = a[c]; a = b } a.preventDefault = a.stopPropagation = a.stopImmediatePropagation = function (
          ) { }; d.push(a); return !1
            } function g($) {
                i(); for (var b = 0, c; c = d[b]; b++) {
                    var e = $(c.target); if (c.type == "click" && c.target.tagName.toLowerCase() == "a") {
                        var f = $.data(e.get(0), "events"), g = f && f.click, j = !c.target.hostname.match(a) || !c.target.href.match(/#$/); if (!g && j) {
                            window
                            .location = c.target.href; continue
                        }
                    } e.trigger(c)
                } window.swiftActionQueue.wasFlushed = !0
            } function i() { e && clearTimeout(e); for (var a = 0; a < c.length; a++) document["on" + c[a]] = null } function j(c) {
                var d = c.target.tagName.toLowerCase(); if (d == "label") if (c.target.getAttribute
                ("for")) { var e = document.getElementById(c.target.getAttribute("for")); if (e.getAttribute("type") == "checkbox") return !1 } else for (var f = 0; f < c.target.childNodes.length; f++) if ((c.target.childNodes[f].tagName || "").toLowerCase() == "input" && c.target.childNodes[f].getAttribute
                ("type") == "checkbox") return !1; if (d == "textarea" || d == "input" && c.target.getAttribute("type") == "text" || c.target.getAttribute("contenteditable") == "true") if (c.type.match(b)) return !1; return c.metaKey ? !1 : c.clientX && c.shiftKey && d == "a" ? !1 : c.target && c.target.hostname && !
                c.target.hostname.match(a) ? !1 : !0
            } var a = /^([^\.]+\.)*twitter.com$/, b = /^key/, c = ["click", "keydown", "keypress", "keyup"], d = [], e = null; for (var k = 0; k < c.length; k++) document["on" + c[k]] = f; setTimeout(i, 1e4); window.swiftActionQueue = { flush: g, wasFlushed: !1 }
        })();
    </script>
    <script id="composition_state">
        (function () {
            function a(a) { a.target.setAttribute("data-in-composition", "true") } function b(a) { a.target.removeAttribute("data-in-composition") } if (document.addEventListener) {
                document.addEventListener("compositionstart", a, !1); document.addEventListener("compositionend"
          , b, !1)
            }
        })();
    </script>

</head>
<body class="t1 logged-in user-style-XuanTanDo ms-windows" dir="ltr">
    <div id="doc" class="route-home">
        <div class="topbar js-topbar">
            <div id="banners" class="js-banners">
            </div>
            <div class="global-nav" data-section-term="top_nav">
                <div class="global-nav-inner">
                    <div class="container">


                        <h1 class="icon bird-topbar-etched" style="display: inline-block; width: 24px; height: 21px;">
                            <span class="visuallyhidden">Twitter</span>
                        </h1>
                        <div role="navigation">
                            <ul class="nav js-global-actions" id="global-actions">
                                <li id="global-nav-home" class="home active" data-global-action="home">
                                    <a class="js-nav" href="/" data-component-term="home_nav" data-nav="home" title="Home">
                                        <span class="new-wrapper"><i class="nav-home"></i><i class="nav-new"></i></span><span class="text">Home</span>
                                    </a>
                                </li>
                                <li class="people" data-global-action="connect">
                                    <a class="js-nav" href="/i/connect" data-component-term="connect_nav" data-nav="connect" title="Connect">
                                        <span class="new-wrapper"><i class="nav-people"></i><i class="nav-new"></i></span><span class="text">Connect</span>
                                    </a>
                                </li>
                                <li class="topics" data-global-action="discover">
                                    <a class="js-nav" href="/i/discover" data-component-term="discover_nav" data-nav="discover" title="Discover">
                                        <span class="new-wrapper"><i class="nav-topics"></i><i class="nav-new"></i></span><span class="text">Discover</span>
                                    </a>
                                </li>
                                <li class="profile" data-global-action="profile">
                                    <a class="js-nav" href="/XuanTanDo" data-component-term="profile_nav" data-nav="profile" title="Me">
                                        <span class="new-wrapper"><i class="nav-me"></i><i class="nav-new"></i></span><span class="text">Me</span>
                                    </a>
                                </li>
                            </ul>
                        </div>

                        <div class="pull-right">
                            <div role="search">
                                <form class="form-search js-search-form" action="/search" id="global-nav-search">
                                    <label class="visuallyhidden" for="search-query">Search query</label>
                                    <input class="search-input" type="text" id="search-query" placeholder="Search" name="q" autocomplete="off" spellcheck="false">
                                    <span class="search-icon js-search-action">
                                        <button type="submit" class="icon nav-search">
                                            <span class="visuallyhidden">Search
                                            </span>
                                        </button>
                                    </span>
                                    <input disabled="disabled" class="search-input search-hinting-input" type="text" id="search-query-hint" autocomplete="off" spellcheck="false">



                                    <div class="dropdown-menu typeahead">
                                        <div class="dropdown-caret">
                                            <div class="caret-outer"></div>
                                            <div class="caret-inner"></div>
                                        </div>
                                        <div class="dropdown-inner js-typeahead-results">
                                            <div class="typeahead-saved-searches">
                                                <ul class="typeahead-items saved-searches-list">

                                                    <li class="typeahead-item typeahead-saved-search-item"><a class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a></li>
                                                </ul>
                                            </div>

                                            <ul class="typeahead-items typeahead-topics">

                                                <li class="typeahead-item typeahead-topic-item">
                                                    <a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
                                                        <i class="generic-search"></i>
                                                    </a>
                                                </li>
                                            </ul>





                                            <ul class="typeahead-items typeahead-accounts js-typeahead-accounts">

                                                <li data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">

                                                    <a class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
                                                        <img class="avatar size24">
                                                        <div class="typeahead-user-item-info">
                                                            <span class="fullname"></span>
                                                            <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
                                                            <span class="username"><s>@</s><b></b></span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="js-selectable typeahead-accounts-shortcut js-shortcut"><a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
                                            </ul>

                                            <ul class="typeahead-items typeahead-trend-locations-list">

                                                <li class="typeahead-item typeahead-trend-locations-item"><a class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
                                            </ul>
                                            <ul class="typeahead-items typeahead-context-list">

                                                <li class="typeahead-item typeahead-context-item"><a class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
                                            </ul>
                                        </div>
                                    </div>

                                </form>
                            </div>
                            <i class="topbar-divider"></i>
                            <ul class="nav">
                                <li class="me dropdown session js-session" data-global-action="t1me" id="user-dropdown">
                                    <a class="dropdown-toggle js-dropdown-toggle" href="#" id="user-dropdown-toggle">
                                        <span class="new-wrapper"><i class="nav-session"><span class="visuallyhidden">Settings and help</span></i><i class="nav-new"></i></span> <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li class="dropdown-caret">
                                            <span class="caret-outer"></span>
                                            <span class="caret-inner"></span>
                                        </li>

                                        <li class="current-user" data-name="profile">


                                            <a href="/settings/profile"
                                                class="account-summary account-summary-small"
                                                data-nav="edit_profile">
                                                <div class="content">
                                                    <div class="account-group js-mini-current-user" data-user-id="1635702564" data-screen-name="XuanTanDo">
                                                        <img class="avatar size32" src="https://si0.twimg.com/sticky/default_profile_images/default_profile_6_normal.png" alt="Tan.do" data-user-id="1635702564">
                                                        <b class="fullname">Tan.do</b>
                                                        <span class="screen-name hidden">@XuanTanDo</span>
                                                        <small class="metadata">Edit profile
          
                                                        </small>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>

                                        <li class="dropdown-divider"></li>

                                        <li class="messages" data-name="messages">
                                            <a class="js-dm-dialog" href="/#!/" data-nav="messages">
                                                <span class="js-direct-message-count count"></span>
                                                Direct messages
                                            </a>
                                        </li>
                                        <li data-name="lists"><a href="/XuanTanDo/lists" data-nav="all_lists">Lists</a></li>
                                        <li class="dropdown-divider"></li>




                                        <li><a href="//support.twitter.com" data-nav="help_center">Help</a></li>


                                        <li>
                                            <a href="#" class="js-keyboard-shortcut-trigger" data-nav="shortcuts">Keyboard shortcuts
                                            </a>
                                        </li>








                                        <li class="dropdown-divider"></li>


                                        <li><a href="/settings/account" data-nav="settings" class="js-nav">Settings</a></li>


                                        <li>
                                            <a class="js-signout-button" id="signout-button" href="#" data-nav="logout">Sign out</a>
                                            <form class="dropdown-link-form signout-form" id="signout-form" action="/logout" method="POST">
                                                <input type="hidden" value="12927e71cdfe43511d00a5edf0e9786d045140c1" name="authenticity_token" class="authenticity_token">
                                                <input type="hidden" name="reliability_event" class="js-reliability-event">
                                                <input type="hidden" name="scribe_log">
                                            </form>
                                        </li>

                                    </ul>

                                </li>
                            </ul>
                            <i class="topbar-divider"></i>
                            <div role="complementary" aria-labelledby="global-new-tweet-button" class="well topbar-tweet-btn">
                                <button id="global-new-tweet-button" type="button" class="btn btn-tweet js-global-new-tweet js-tooltip" data-placement="bottom" data-component-term="new_tweet_button" title="Compose new Tweet">
                                    <i class="nav-tweet"><span class="visuallyhidden">Compose new Tweet</span></i>
                                </button>
                            </div>
                        </div>



                        <a id="close-all-button" class="close-all-tweets js-close-all-tweets" href="#" title="Close all open Tweets">
                            <i class="nav-breaker"></i>
                        </a>
                    </div>
                </div>
            </div>

        </div>

        <div id="page-outer">
            <div id="page-container" class="wrapper wrapper-home white">

                <div class="module module-banner">
                    <div class="flex-module">
                        <div class="first-banner-row">
                            <span class="title">Confirm your email address to access all of Twitter's features.</span>
                            <span>A confirmation message was sent to <strong>xuantan.technology@gmail.com</strong>.</span>
                        </div>
                        <div class="second-banner-row">
                            <a class="btn resend-confirmation-email-link" href="#">Resend confirmation</a>
                            <a href="/settings/account?change_email=true">Update email address</a> &middot;
        <a href="//support.twitter.com/articles/82050-i-m-having-trouble-confirming-my-email">Learn more</a>
                        </div>
                    </div>
                </div>




                <div class="dashboard">
                    <div class="module mini-profile">
                        <div class="flex-module profile-summary js-profile-summary">
                            <div class="profile-header-inner-overlay hidden"></div>


                            <a href="/XuanTanDo"
                                class="account-summary account-summary-small js-nav"
                                data-nav="profile">
                                <div class="content">
                                    <div class="account-group js-mini-current-user" data-user-id="1635702564" data-screen-name="XuanTanDo">
                                        <img class="avatar size32" src="https://si0.twimg.com/sticky/default_profile_images/default_profile_6_normal.png" alt="Tan.do" data-user-id="1635702564">
                                        <b class="fullname">Tan.do</b>
                                        <span class="screen-name hidden">@XuanTanDo</span>
                                        <small class="metadata">View my profile page
                                        </small>
                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="js-mini-profile-stats-container">
                            <ul class="stats js-mini-profile-stats" data-user-id="1635702564">
                                <li><a class="js-nav" href="/XuanTanDo" data-element-term="tweet_stats" data-nav='profile'>
                                    <strong>0</strong> Tweets
                                </a></li>
                                <li><a class="js-nav" href="/following" data-element-term="following_stats" data-nav='following'>
                                    <strong>0</strong> Following
                                </a></li>
                                <li><a class="js-nav" href="/followers" data-element-term="follower_stats" data-nav='followers'>
                                    <strong>0</strong> Followers
                                </a></li>
                            </ul>

                        </div>



                        <div class="home-tweet-box tweet-box component tweet-user">
                            <form class="tweet-form condensed "
                                method="post"
                                target="tweet-post-iframe"
                                action="//upload.twitter.com/i/tweet/create_with_media.iframe"
                                enctype="multipart/form-data">
                                <input type="hidden" name="post_authenticity_token" class="auth-token">
                                <input type="hidden" name="iframe_callback" class="iframe-callback">
                                <input type="hidden" name="in_reply_to_status_id" class="in-reply-to-status-id">
                                <input type="hidden" name="impression_id" class="impression-id">
                                <input type="hidden" name="earned" class="earned">

                                <img class="inline-reply-user-image avatar size32" src="https://si0.twimg.com/sticky/default_profile_images/default_profile_6_normal.png" alt="Tan.do">
                                <span class="inline-reply-caret">
                                    <span class="caret-inner"></span>
                                </span>

                                <div class="tweet-content">
                                    <i class="add-photo-icon hidden"></i>
                                    <span class="tweet-drag-help tweet-drag-photo-here hidden">Drag photo here</span>
                                    <span class="tweet-drag-help tweet-or-drag-photo-here hidden">Or drag photo here</span>
                                    <label class="visuallyhidden" for="tweet-box-mini-home-profile" id="tweet-box-mini-home-profile-label">Tweet text</label>


                                    <div aria-labelledby="tweet-box-mini-home-profile-label" id="tweet-box-mini-home-profile" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox"
                                        aria-multiline="true">
                                    </div>
                                    <div class="rich-normalizer"></div>




                                    <div class="dropdown-menu typeahead">
                                        <div class="dropdown-caret">
                                            <div class="caret-outer"></div>
                                            <div class="caret-inner"></div>
                                        </div>
                                        <div class="dropdown-inner js-typeahead-results">
                                            <div class="typeahead-saved-searches">
                                                <ul class="typeahead-items saved-searches-list">

                                                    <li class="typeahead-item typeahead-saved-search-item"><a class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a></li>
                                                </ul>
                                            </div>

                                            <ul class="typeahead-items typeahead-topics">

                                                <li class="typeahead-item typeahead-topic-item">
                                                    <a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
                                                        <i class="generic-search"></i>
                                                    </a>
                                                </li>
                                            </ul>





                                            <ul class="typeahead-items typeahead-accounts js-typeahead-accounts">

                                                <li data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">

                                                    <a class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
                                                        <img class="avatar size24">
                                                        <div class="typeahead-user-item-info">
                                                            <span class="fullname"></span>
                                                            <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
                                                            <span class="username"><s>@</s><b></b></span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li class="js-selectable typeahead-accounts-shortcut js-shortcut"><a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
                                            </ul>

                                            <ul class="typeahead-items typeahead-trend-locations-list">

                                                <li class="typeahead-item typeahead-trend-locations-item"><a class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
                                            </ul>
                                            <ul class="typeahead-items typeahead-context-list">

                                                <li class="typeahead-item typeahead-context-item"><a class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
                                            </ul>
                                        </div>
                                    </div>



                                    <textarea class="tweet-box-shadow" name="status"></textarea>


                                    <div class="thumbnail-container">
                                        <div class="preview">
                                            <a class="dismiss js-dismiss" href="#" tabindex="-1"><i class="dismiss-white"></i></a>

                                            <span class="filename"></span>
                                        </div>
                                        <div class="preview-message">Image will appear as a link</div>
                                    </div>

                                </div>

                                <div class="toolbar js-toolbar">
                                    <div class="tweet-box-extras">

                                        <div class="photo-selector">
                                            <button aria-hidden="true" class="btn" type="button" tabindex="-1">
                                                <i class="tweet-camera"></i>
                                            </button>
                                            <div class="image-selector">
                                                <input type="hidden" name="media_data_empty" class="file-data">
                                                <label>
                                                    <span class="visuallyhidden">Add Photo</span>
                                                    <input type="file" name="media_empty" class="file-input" tabindex="-1">
                                                </label>
                                                <div class="swf-container"></div>
                                            </div>
                                        </div>

                                        <div class="geo-picker">
                                            <button class="btn geo-picker-btn" type="button" tabindex="-1">
                                                <i class="tweet-geo"><span class="visuallyhidden">Add location</span></i> <span class="caret"></span>
                                            </button>
                                            <span class="dropdown-container"></span>
                                            <span class="geo-status"></span>
                                            <input type="hidden" name="place_id">
                                        </div>


                                    </div>
                                    <div class="tweet-button">
                                        <span class="spinner"></span>
                                        <span class="tweet-counter">140</span>
                                        <button class="btn primary-btn tweet-action disabled" type="button">Tweet</button>
                                    </div>
                                </div>
                            </form>

                        </div>
                    </div>



                    <div class="module wtf-module js-wtf-module ">

                        <div class="flex-module">

                            <div class="flex-module-header">
                                <h3>Who to follow</h3>
                                <small>&middot; </small>
                                <button type="button" class="btn-link js-refresh-suggestions"><small>Refresh</small></button>
                                <small class="view-all">&middot; <a class="js-view-all-link" href="/who_to_follow/suggestions" data-element-term="view_all_link">View all</a></small>
                            </div>

                            <div class="js-recommended-followers dashboard-user-recommendations flex-module-inner" data-section-id="wtf">
                            </div>

                            <div class="flex-module-footer">
                                <a href="/who_to_follow/interests" class="js-interests-link" data-element-term="interests_link">Popular accounts
                                </a>&middot; <a href="/who_to_follow/import" class="js-find-friends-link" data-element-term="import_link">Find friends</a>
                            </div>

                        </div>
                    </div>

                    <div class="module trends hidden">
                        <div class="flex-module trends-inner">
                            <div class="flex-module trends-container">
                                <div class="flex-module-header">

                                    <h3>
                                        <span class="js-trend-location">Worldwide trends
                                        </span>
                                    </h3>
                                    <small>&middot; <a href="#" data-modal="change-trends" class="change-trends js-trend-toggle">Change</a></small>
                                </div>
                                <div class="flex-module-inner">
                                    <ul class="trend-items js-trends">
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="module site-footer ">
                        <div class="flex-module">
                            <div class="flex-module-inner js-items-container">
                                <ul class="clearfix">
                                    <li class="copyright">&copy; 2013 Twitter</li>
                                    <li><a href="/about">About</a></li>
                                    <li><a href="//support.twitter.com">Help</a></li>
                                    <li><a href="/tos">Terms</a></li>
                                    <li><a href="/privacy">Privacy</a></li>
                                    <li><a href="http://blog.twitter.com">Blog</a></li>
                                    <li><a href="http://status.twitter.com">Status</a></li>
                                    <li><a href="/download">Apps</a></li>
                                    <li><a href="/about/resources">Resources</a></li>
                                    <li><a href="/jobs">Jobs</a></li>
                                    <li><a href="https://business.twitter.com/start-advertising">Advertisers</a></li>
                                    <li><a href="https://business.twitter.com">Businesses</a></li>
                                    <li><a href="//media.twitter.com">Media</a></li>
                                    <li><a href="//dev.twitter.com">Developers</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="component wtf-module" id="empty-timeline-recommendations">
                    <div class="content-main empty-timeline big-avatar-list breakable">
                        <div class="content-header">
                            <div class="header-inner empty-timeline-header">
                                <div class="pull-right">
                                    <button type="button" class="js-done btn-link" disabled>Close</button></div>
                                <h2 class="header-text">Here are some people you might enjoy following.
                                </h2>
                                <div>
                                    <button type="button" class="btn-link js-refresh-suggestions">Refresh</button>
                                    &middot;
          <a class="view-all-suggestions" href="/who_to_follow/suggestions">View all</a>
                                </div>
                            </div>
                        </div>

                        <div class="empty-timeline-footer content-no-header">
                            <ul class="clearfix js-recommended-followers">
                            </ul>
                        </div>
                    </div>
                </div>

                <div role="main" aria-labelledby="content-main-heading" class="content-main" id="timeline">
                    <div class="content-header">
                        <div class="header-inner">
                            <h2 id="content-main-heading" class="js-timeline-title">Sport</h2>
                        </div>
                    </div>
                    <div class="stream-container "
                        data-max-id="-1" data-since-id="">
                        <div class="stream home-stream">
                            <ol class="stream-items js-navigable-stream" id="stream-items-id">
                            </ol>
                            <div class="stream-footer ">
                                <div class='timeline-end  '>
                                    <div class="stream-end">
                                        <div class="stream-end-inner ">

                                        </div>
                                    </div>

                                    <div class="stream-loading">
                                        <div class="stream-end-inner">
                                            <span class="spinner" title="Loading..."></span>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="stream-fail-container">
                                <div class="js-stream-whale-end stream-whale-end stream-placeholder centered-placeholder">
                                    <div class="stream-end-inner">
                                        <h2 class="title">Loading seems to be taking a while.</h2>
                                        <p>
                                            Twitter may be over capacity or experiencing a momentary hiccup. <a href="#" class="try-again-after-whale">Try again</a> or visit <a target="_blank" href="http://status.twitter.com">Twitter Status</a> for more information.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <ol class="hidden-replies-container"></ol>
                            <div class="stream-autoplay-marker">
                                <i class="arrow"></i>
                                <span class="text"></span>
                            </div>
                        </div>
                    </div>
                    <div id="sensitive_flag_dialog" class="modal-container">
                        <div class="close-modal-background-target"></div>
                        <div class="modal modal-small draggable">
                            <div class="modal-content">
                                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
                                <div class="modal-header">
                                    <h3 class="modal-title">Flag this media</h3>
                                </div>
                                <div class="modal-body">
                                    <p class="sensitive-title">This has already been marked as containing sensitive content.</p>
                                    <label class="checkbox" for="sensitive-settings-checkbox">
                                        <input type="checkbox" id="sensitive-settings-checkbox" value="settings">
                                        Change my settings to warn me before displaying media that may contain sensitive content.
                                    </label>
                                    <label class="checkbox" for="sensitive-illegal-checkbox">
                                        <input type="checkbox" id="sensitive-illegal-checkbox" value="illegal">
                                        Flag this as containing illegal content.
                                    </label>
                                </div>
                                <div class="modal-footer">
                                    <button id="submit_flag_confirmation" type="button" class="btn">Submit</button>
                                    <button id="cancel_flag_confirmation" type="button" class="btn primary-btn js-close">Cancel</button>

                                    <div class="sensitive-confirmation">
                                        <a class="sensitive-learn-more" target="_blank" href="//support.twitter.com/articles/20069937">Learn more about flagging media</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-overlay"></div>
                    </div>



                </div>
                <div id="trends_dialog" class="trends-dialog modal-container">
                    <div class="close-modal-background-target"></div>
                    <div class="modal draggable">
                        <div class="modal-content">
                            <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
                            <div class="modal-header">
                                <h3 class="modal-title">Trends
            
                                </h3>
                            </div>

                            <div class="modal-body">

                                <div class="trends-personalized content-placeholder">
                                    <h2 class="title">Trends tailored just for you.</h2>
                                    <p>Trends offer a unique way to get closer to what you care about. They are tailored for you based on your location and who you follow.</p>
                                    <p class="placeholder-actions">
                                        <button type="button" class="btn customize-by-location">Change</button>
                                        <button type="button" class="btn primary-btn done">Keep tailored Trends</button>
                                    </p>
                                </div>

                                <div class="trends-dialog-error">
                                    <p></p>
                                </div>

                                <div class="trends-wrapper" id="trends_dialog_content">

                                    <div class="loading">
                                        <span class="spinner-bigger"></span>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer trends-by-location">
                                <button type="button" class="btn select-default" data-personalized="true">Get tailored Trends</button>
                                <button type="button" class="btn primary-btn done">Done</button>

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <div class="alert-messages hidden" id="message-drawer">
        <div class="message ">
            <div class="message-inside">
                <span class="message-text"></span><a class="dismiss" href="#">&times;</a>
            </div>
        </div>
    </div>
    <div class="grid hidden">
        <div class="grid-overlay"></div>
        <div class="grid-container">
            <div class="swift-media-grid">
                <div class="grid-header-content">
                    <div class="header-pic">
                        <img class="avatar" /></div>
                    <h2><a class="header-title js-nav"></a></h2>
                    <h3><a class="header-subtitle js-nav"></a></h3>
                </div>
                <div class="grid-media ratio">
                    <div class="grid-footer">
                        <i class="bird-etched"></i>
                    </div>
                    <div class="grid-loading">
                        <span class="spinner" title="Loading..."></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="gallery-overlay"></div>
    <div class="gallery-container">
        <div class="gallery-close-target"></div>
        <div class="swift-media-gallery">
            <div class="modal-header">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
                <a class="gridview grid-action" href="#"><span class="icon grid-icon"><span class="visuallyhidden"></span></span></a>
                <h2 class="modal-title"></h2>
            </div>
            <div class="gallery-media"></div>
            <div class="gallery-nav nav-prev">
                <span class="nav-prev-handle"></span>
            </div>
            <div class="gallery-nav nav-next">
                <span class="nav-next-handle"></span>
            </div>
            <div class="tweet-inverted gallery-tweet"></div>
        </div>
    </div>
    <div class="modal-overlay"></div>
    <div id="dm_dialog" class="modal-container dm-conversation-list">
        <div class="close-modal-background-target"></div>
        <div class="modal draggable twttr-dialog dm-dialog">
            <div id="dm_dialog_conversation_list" class="modal-content">

                <div class="twttr-dialog-header modal-header">
                    <h3>Direct messages</h3>
                    <div class="dm-toolbar">
                        <div class="mark-read js-mark-read">
                            <button type="button" class="btn mark-all-read js-mark-all-read" title="Mark all as read">
                                <i class="dm-mark-all-read"></i>
                            </button>
                            <button type="button" class="btn dm-new-button dm-header-new js-initial-focus">New message</button>
                        </div>
                        <div class="mark-read-confirm js-mark-read-confirm">
                            <button type="button" class="btn js-prompt-cancel">Cancel</button>
                            <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus">Mark all as read</button>
                        </div>
                    </div>
                </div>


                <div class="twttr-dialog-inside">
                    <div class="twttr-dialog-body clearfix">
                        <div class="dm-error js-dm-error">
                            <a href="#" class="js-dismiss">
                                <i class="close"></i>
                            </a>
                            <span class="dm-error-text"></span>
                        </div>
                        <div class="twttr-dialog-content">
                            <div class="dm-threads js-dm-threads js-modal-scrollable js-twttr-dialog-not-draggable">
                                <ul class="dm-thread-list js-dm-thread-list">
                                    <div class="dm-placeholder-empty dm-no-messages">
                                        <p><strong>You don't have any messages yet.</strong></p>
                                        <p>Direct messages are 140 characters, private, and can be sent to any user who follows you on Twitter.</p>
                                    </div>
                                </ul>
                            </div>
                        </div>

                        <div class="twttr-dialog-footer">
                            Tip: you can send a message to anyone who follows you. <a href="http://support.twitter.com/groups/31-twitter-basics/topics/109-tweets-messages/articles/14606-what-is-a-direct-message-dm" target="_blank" class="learn-more">Learn more</a>
                        </div>

                    </div>
                </div>
            </div>
            <div id="dm_dialog_conversation" class="modal-content">

                <div class="twttr-dialog-header modal-header">
                    <h3><a class="js-dm-header-title" href="#">Direct messages</a> › with <span class="dm_dialog_real_name"></span></h3>
                </div>


                <div class="twttr-dialog-inside">
                    <div class="twttr-dialog-body clearfix">
                        <div class="dm-error js-dm-error">
                            <a href="#" class="js-dismiss">
                                <i class="close"></i>
                            </a>
                            <span class="dm-error-text"></span>
                        </div>
                        <div class="twttr-dialog-content">
                        </div>
                        <form class="dm-tweetbox tweet-form">
                            <div class="tweet-content">
                                <label class="visuallyhidden" for="tweet-box-dm-conversation" id="tweet-box-dm-conversation-label">Tweet text</label>
                                <div id="tweet-box-dm-conversation" aria-labelledby="tweet-box-dm-conversation-label" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox" aria-multiline="true"></div>
                                <div class="rich-normalizer"></div>
                            </div>
                            <div class="tweet-button">
                                <span class="spinner"></span>
                                <span class="tweet-counter">140</span>
                                <button class="btn tweet-action primary-btn disabled" type="submit">Send message</button>
                            </div>
                            <div class="dm-delete-confirm js-dm-delete-confirm">
                                <p>Are you sure you want to delete this message?</p>
                                <button type="button" class="btn js-prompt-cancel js-close">Cancel</button>
                                <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus" data-message-id="">Delete message</button>

                            </div>
                        </form>
                    </div>

                    <div class="twttr-dialog-footer">
                        Tip: you can send a message to anyone who follows you. <a href="http://support.twitter.com/groups/31-twitter-basics/topics/109-tweets-messages/articles/14606-what-is-a-direct-message-dm" target="_blank" class="learn-more">Learn more</a>
                    </div>

                </div>
            </div>
            <div id="dm_dialog_new" class="modal-content">

                <div class="twttr-dialog-header modal-header">
                    <h3><a href="#">Direct messages</a> › New</h3>
                </div>


                <div class="twttr-dialog-inside">
                    <div class="twttr-dialog-body clearfix">
                        <div class="dm-dialog-content">

                            <div class="dm-to">
                                <input class="dm-to-input twttr-directmessage-input js-initial-focus" type="text">
                                <img class="avatar size24 selected-profile" src="https://twimg0-a.akamaihd.net/sticky/default_profile_images/default_profile_6_mini.png" data-default-img="https://twimg0-a.akamaihd.net/sticky/default_profile_images/default_profile_6_mini.png">



                                <div class="dropdown-menu typeahead">
                                    <div class="dropdown-caret">
                                        <div class="caret-outer"></div>
                                        <div class="caret-inner"></div>
                                    </div>
                                    <div class="dropdown-inner js-typeahead-results">
                                        <div class="typeahead-saved-searches">
                                            <ul class="typeahead-items saved-searches-list">

                                                <li class="typeahead-item typeahead-saved-search-item"><a class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a></li>
                                            </ul>
                                        </div>

                                        <ul class="typeahead-items typeahead-topics">

                                            <li class="typeahead-item typeahead-topic-item">
                                                <a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
                                                    <i class="generic-search"></i>
                                                </a>
                                            </li>
                                        </ul>





                                        <ul class="typeahead-items typeahead-accounts js-typeahead-accounts">

                                            <li data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">

                                                <a class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
                                                    <img class="avatar size24">
                                                    <div class="typeahead-user-item-info">
                                                        <span class="fullname"></span>
                                                        <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
                                                        <span class="username"><s>@</s><b></b></span>
                                                    </div>
                                                </a>
                                            </li>
                                            <li class="js-selectable typeahead-accounts-shortcut js-shortcut"><a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
                                        </ul>

                                        <ul class="typeahead-items typeahead-trend-locations-list">

                                            <li class="typeahead-item typeahead-trend-locations-item"><a class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
                                        </ul>
                                        <ul class="typeahead-items typeahead-context-list">

                                            <li class="typeahead-item typeahead-context-item"><a class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
                                        </ul>
                                    </div>
                                </div>

                            </div>

                            <div class="dm-convo-placeholder">
                                <div class="dm-error js-dm-error">
                                    <a href="#" class="js-dismiss">
                                        <i class="close"></i>
                                    </a>
                                    <span class="dm-error-text"></span>
                                </div>
                            </div>

                        </div>

                        <form class="dm-tweetbox tweet-form">
                            <div class="tweet-content">
                                <label class="visuallyhidden" for="tweet-box-dm-new-conversation" id="tweet-box-dm-new-conversation-label">Tweet text</label>
                                <div id="tweet-box-dm-new-conversation" aria-labelledby="tweet-box-dm-new-conversation-label" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox" aria-multiline="true"></div>
                                <div class="rich-normalizer"></div>
                            </div>
                            <div class="tweet-button">
                                <span class="spinner"></span>
                                <span class="tweet-counter">140</span>
                                <button class="btn tweet-action primary-btn disabled" type="submit">Send message</button>
                            </div>
                            <div class="dm-delete-confirm js-dm-delete-confirm">
                                <p>Are you sure you want to delete this message?</p>
                                <button type="button" class="btn js-prompt-cancel js-close">Cancel</button>
                                <button type="button" class="btn caution-btn js-prompt-ok js-initial-focus" data-message-id="">Delete message</button>

                            </div>
                        </form>

                        <div class="twttr-dialog-footer">
                            Tip: you can send a message to anyone who follows you. <a href="http://support.twitter.com/groups/31-twitter-basics/topics/109-tweets-messages/articles/14606-what-is-a-direct-message-dm" target="_blank" class="learn-more">Learn more</a>
                        </div>

                    </div>
                </div>
            </div>

        </div>
        <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
    </div>
    <div id="global-tweet-dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>

                <div class="modal-header">
                    <h3 class="modal-title"></h3>
                </div>

                <div class="modal-body">
                    <form class="tweet-form  "
                        method="post"
                        target="tweet-post-iframe"
                        action="//upload.twitter.com/i/tweet/create_with_media.iframe"
                        enctype="multipart/form-data">
                        <input type="hidden" name="post_authenticity_token" class="auth-token">
                        <input type="hidden" name="iframe_callback" class="iframe-callback">
                        <input type="hidden" name="in_reply_to_status_id" class="in-reply-to-status-id">
                        <input type="hidden" name="impression_id" class="impression-id">
                        <input type="hidden" name="earned" class="earned">

                        <img class="inline-reply-user-image avatar size32" src="https://si0.twimg.com/sticky/default_profile_images/default_profile_6_normal.png" alt="Tan.do">
                        <span class="inline-reply-caret">
                            <span class="caret-inner"></span>
                        </span>

                        <div class="tweet-content">
                            <i class="add-photo-icon hidden"></i>
                            <span class="tweet-drag-help tweet-drag-photo-here hidden">Drag photo here</span>
                            <span class="tweet-drag-help tweet-or-drag-photo-here hidden">Or drag photo here</span>
                            <label class="visuallyhidden" for="tweet-box-global" id="tweet-box-global-label">Tweet text</label>


                            <div aria-labelledby="tweet-box-global-label" id="tweet-box-global" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox"
                                aria-multiline="true">
                            </div>
                            <div class="rich-normalizer"></div>




                            <div class="dropdown-menu typeahead">
                                <div class="dropdown-caret">
                                    <div class="caret-outer"></div>
                                    <div class="caret-inner"></div>
                                </div>
                                <div class="dropdown-inner js-typeahead-results">
                                    <div class="typeahead-saved-searches">
                                        <ul class="typeahead-items saved-searches-list">

                                            <li class="typeahead-item typeahead-saved-search-item"><a class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a></li>
                                        </ul>
                                    </div>

                                    <ul class="typeahead-items typeahead-topics">

                                        <li class="typeahead-item typeahead-topic-item">
                                            <a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
                                                <i class="generic-search"></i>
                                            </a>
                                        </li>
                                    </ul>





                                    <ul class="typeahead-items typeahead-accounts js-typeahead-accounts">

                                        <li data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">

                                            <a class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
                                                <img class="avatar size24">
                                                <div class="typeahead-user-item-info">
                                                    <span class="fullname"></span>
                                                    <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
                                                    <span class="username"><s>@</s><b></b></span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-selectable typeahead-accounts-shortcut js-shortcut"><a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
                                    </ul>

                                    <ul class="typeahead-items typeahead-trend-locations-list">

                                        <li class="typeahead-item typeahead-trend-locations-item"><a class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
                                    </ul>
                                    <ul class="typeahead-items typeahead-context-list">

                                        <li class="typeahead-item typeahead-context-item"><a class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
                                    </ul>
                                </div>
                            </div>



                            <textarea class="tweet-box-shadow" name="status"></textarea>


                            <div class="thumbnail-container">
                                <div class="preview">
                                    <a class="dismiss js-dismiss" href="#" tabindex="-1"><i class="dismiss-white"></i></a>

                                    <span class="filename"></span>
                                </div>
                                <div class="preview-message">Image will appear as a link</div>
                            </div>

                        </div>

                        <div class="toolbar js-toolbar">
                            <div class="tweet-box-extras">

                                <div class="photo-selector">
                                    <button aria-hidden="true" class="btn" type="button" tabindex="-1">
                                        <i class="tweet-camera"></i>
                                    </button>
                                    <div class="image-selector">
                                        <input type="hidden" name="media_data_empty" class="file-data">
                                        <label>
                                            <span class="visuallyhidden">Add Photo</span>
                                            <input type="file" name="media_empty" class="file-input" tabindex="-1">
                                        </label>
                                        <div class="swf-container"></div>
                                    </div>
                                </div>

                                <div class="geo-picker">
                                    <button class="btn geo-picker-btn" type="button" tabindex="-1">
                                        <i class="tweet-geo"><span class="visuallyhidden">Add location</span></i> <span class="caret"></span>
                                    </button>
                                    <span class="dropdown-container"></span>
                                    <span class="geo-status"></span>
                                    <input type="hidden" name="place_id">
                                </div>


                            </div>
                            <div class="tweet-button">
                                <span class="spinner"></span>
                                <span class="tweet-counter">140</span>
                                <button class="btn primary-btn tweet-action disabled" type="button">Tweet</button>
                            </div>
                        </div>
                    </form>

                </div>

                <div class="modal-footer modal-tweet"></div>
            </div>
        </div>
    </div>
    <div id="goto-user-dialog" class="modal-container">
        <div class="modal modal-small draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>

                <div class="modal-header">
                    <h3 class="modal-title">Go to a person's profile</h3>
                </div>

                <div class="modal-body">
                    <div class="modal-inner">
                        <form class="goto-user-form">
                            <input class="input-block username-input" type="text" placeholder="Start typing a name to jump to a profile">



                            <div class="dropdown-menu typeahead">
                                <div class="dropdown-caret">
                                    <div class="caret-outer"></div>
                                    <div class="caret-inner"></div>
                                </div>
                                <div class="dropdown-inner js-typeahead-results">
                                    <div class="typeahead-saved-searches">
                                        <ul class="typeahead-items saved-searches-list">

                                            <li class="typeahead-item typeahead-saved-search-item"><a class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a></li>
                                        </ul>
                                    </div>

                                    <ul class="typeahead-items typeahead-topics">

                                        <li class="typeahead-item typeahead-topic-item">
                                            <a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
                                                <i class="generic-search"></i>
                                            </a>
                                        </li>
                                    </ul>





                                    <ul class="typeahead-items typeahead-accounts js-typeahead-accounts">

                                        <li data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">

                                            <a class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
                                                <img class="avatar size24">
                                                <div class="typeahead-user-item-info">
                                                    <span class="fullname"></span>
                                                    <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
                                                    <span class="username"><s>@</s><b></b></span>
                                                </div>
                                            </a>
                                        </li>
                                        <li class="js-selectable typeahead-accounts-shortcut js-shortcut"><a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
                                    </ul>

                                    <ul class="typeahead-items typeahead-trend-locations-list">

                                        <li class="typeahead-item typeahead-trend-locations-item"><a class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
                                    </ul>
                                    <ul class="typeahead-items typeahead-context-list">

                                        <li class="typeahead-item typeahead-context-item"><a class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
                                    </ul>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div id="retweet-tweet-dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>

                <div class="modal-header">
                    <h3 class="modal-title">Retweet this to your followers?</h3>
                </div>

                <div class="modal-body modal-tweet"></div>

                <div class="modal-footer">
                    <button class="btn cancel-action js-close">Cancel</button>
                    <button class="btn primary-btn retweet-action">Retweet</button>
                </div>
            </div>
        </div>
    </div>
    <div id="delete-tweet-dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>

                <div class="modal-header">
                    <h3 class="modal-title">Are you sure you want to delete this Tweet?</h3>
                </div>

                <div class="modal-body modal-tweet"></div>

                <div class="modal-footer">
                    <button class="btn cancel-action js-close">Cancel</button>
                    <button class="btn primary-btn delete-action">Delete</button>
                </div>
            </div>
        </div>
    </div>
    <div id="keyboard-shortcut-dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal modal-large draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>


                <div class="modal-header">
                    <h3 class="modal-title">Keyboard shortcuts</h3>
                </div>


                <div class="modal-body">

                    <div class="keyboard-shortcuts clearfix" id="keyboard-shortcut-menu">

                        <table class="modal-table">
                            <thead>
                                <tr>
                                    <th colspan="2">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">N</b>
                                    </td>
                                    <td class="shortcut-label">New Tweet</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">F</b>
                                    </td>
                                    <td class="shortcut-label">Favorite</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">R</b>
                                    </td>
                                    <td class="shortcut-label">Reply</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">T</b>
                                    </td>
                                    <td class="shortcut-label">Retweet</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">M</b>
                                    </td>
                                    <td class="shortcut-label">Direct message</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">B</b>
                                    </td>
                                    <td class="shortcut-label">Block User</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">U</b>
                                    </td>
                                    <td class="shortcut-label">Unblock User</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">Enter</b>
                                    </td>
                                    <td class="shortcut-label">Open Tweet details</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">L</b>
                                    </td>
                                    <td class="shortcut-label">Close all open Tweets</td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="modal-table">
                            <thead>
                                <tr>
                                    <th colspan="2">Navigation</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">?</b>
                                    </td>
                                    <td class="shortcut-label">This menu</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">J</b>
                                    </td>
                                    <td class="shortcut-label">Next Tweet</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">K</b>
                                    </td>
                                    <td class="shortcut-label">Previous Tweet</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">Space</b>
                                    </td>
                                    <td class="shortcut-label">Page down</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">/</b>
                                    </td>
                                    <td class="shortcut-label">Search</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">.</b>
                                    </td>
                                    <td class="shortcut-label">Load new Tweets</td>
                                </tr>
                            </tbody>
                        </table>
                        <table class="modal-table">
                            <thead>
                                <tr>
                                    <th colspan="2">Timelines</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">H</b>
                                    </td>
                                    <td class="shortcut-label">Home</td>
                                </tr>

                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">C</b>
                                    </td>
                                    <td class="shortcut-label">Connect</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">A</b>
                                    </td>
                                    <td class="shortcut-label">Activity</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">R</b>
                                    </td>
                                    <td class="shortcut-label">Mentions</td>
                                </tr>

                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">D</b>
                                    </td>
                                    <td class="shortcut-label">Discover</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">P</b>
                                    </td>
                                    <td class="shortcut-label">Profile</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">F</b>
                                    </td>
                                    <td class="shortcut-label">Favorites</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">L</b>
                                    </td>
                                    <td class="shortcut-label">Lists</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">M</b>
                                    </td>
                                    <td class="shortcut-label">Messages</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">S</b>
                                    </td>
                                    <td class="shortcut-label">Settings</td>
                                </tr>
                                <tr>
                                    <td class="shortcut">
                                        <b class="sc-key">G</b> <b class="sc-key">U</b>
                                    </td>
                                    <td class="shortcut-label">Go to user...</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="block-user-dialog" class="modal-container">
            <div class="close-modal-background-target"></div>
            <div class="modal draggable">
                <div class="modal-content">
                    <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>

                    <div class="modal-header">
                        <h3 class="modal-title">Are you sure you want to block this user?</h3>
                    </div>

                    <div class="modal-body modal-tweet"></div>

                    <div class="modal-footer">
                        <button class="btn cancel-action js-close">Cancel</button>
                        <button class="btn primary-btn block-action">Block</button>
                    </div>
                </div>
            </div>
        </div>
    <div id="geo-enabled-dropdown">
        <ul class="dropdown-menu" tabindex="-1">
            <li class="dropdown-caret">
                <span class="caret-outer"></span>
                <span class="caret-inner"></span>
            </li>
            <li class="geo-query-location">
                <input type="text" autocomplete="off" placeholder="Search for a neighborhood or city">
                <i class="generic-search"></i>
            </li>
            <li class="geo-dropdown-status"></li>
            <li class="dropdown-link geo-turn-off-item geo-focusable">
                <i class="close"></i>Turn off location
            </li>
        </ul>

    </div>
    <div id="profile_popup" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal modal-small draggable">
            <div class="modal-content clearfix">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
                <div class="modal-header">
                    <h3 class="modal-title">Profile summary</h3>
                </div>

                <div class="modal-body profile-modal">
                </div>

                <div class="loading">
                    <span class="spinner-bigger"></span>
                </div>
            </div>
        </div>
    </div>
    <div id="list-membership-dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal modal-small draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
                <div class="modal-header">
                    <h3 class="modal-title">Your lists</h3>
                </div>
                <div class="modal-body">
                    <div class="list-membership-content"></div>
                    <span class="spinner lists-spinner" title="Loading&hellip;"></span>
                </div>
            </div>
        </div>
    </div>
    <div id="list-operations-dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal modal-medium draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
                <div class="modal-header">
                    <h3 class="modal-title">Create a new list</h3>
                </div>
                <div class="modal-body">

                    <div class="list-editor">
                        <div class="field">
                            <label for="list-name">List name</label>
                            <input type="text" class="text" name="name" value="" />
                        </div>
                        <div class="field" style="display: none">
                            <label for="list-link">List link</label>
                            <span></span>
                        </div>
                        <hr />

                        <div class="field">
                            <label for="description">Description</label>
                            <textarea name="description"></textarea>
                            <span class="help-text">Under 100 characters, optional</span>
                        </div>
                        <hr />

                        <div class="field">
                            <label for="mode">Privacy</label>
                            <div class="options">
                                <label for="list-public-radio">
                                    <input class="radio" type="radio" name="mode" id="list-public-radio" value="public" checked="checked" />
                                    <b>Public</b> &middot; Anyone can follow this list
                                </label>
                                <label for="list-private-radio">
                                    <input class="radio" type="radio" name="mode" id="list-private-radio" value="private" />
                                    <b>Private</b> &middot; Only you can access this list
                                </label>
                            </div>
                        </div>
                        <hr />

                        <div class="list-editor-save">
                            <button type="button" class="btn btn-primary update-list-button" data-list-id="">Save list</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="activity-popup-dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal draggable">
            <div class="modal-content clearfix">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>

                <div class="modal-header">
                    <h3 class="modal-title"></h3>
                </div>

                <div class="modal-body">
                    <div class="activity-tweet clearfix"></div>
                    <div class="loading">
                        <span class="spinner-bigger"></span>
                    </div>
                    <div class="activity-content clearfix"></div>
                </div>
            </div>
        </div>
    </div>
    <div id="confirm_dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
                <div class="modal-header">
                    <h3 class="modal-title"></h3>
                </div>
                <div class="modal-body">
                    <p class="modal-body-text"></p>
                </div>
                <div class="modal-footer">
                    <button class="btn js-close" id="confirm_dialog_cancel_button"></button>
                    <button id="confirm_dialog_submit_button" class="btn primary-btn modal-submit"></button>
                </div>
            </div>
        </div>
    </div>
    <div id="embed-tweet-dialog" class="modal-container">
        <div class="close-modal-background-target"></div>
        <div class="modal modal-medium draggable">
            <div class="modal-content">
                <button type="button" class="modal-btn modal-close js-close"><span class="icon close-medium"><span class="visuallyhidden">Close</span></span></button>
                <div class="modal-header">
                    <h3 class="modal-title">Embed this Tweet</h3>
                </div>
                <div class="modal-body">
                    <div class="embed-code-container">
                        <p>Add this Tweet to your website by copying the code below. <a href="//dev.twitter.com/docs/embedded-tweets">Learn more</a></p>
                        <form>

                            <div class="embed-destination-wrapper">
                                <div class="embed-overlay embed-overlay-spinner">
                                    <div class="embed-overlay-content"></div>
                                </div>
                                <div class="embed-overlay embed-overlay-error">
                                    <p class="embed-overlay-content">Hmm, there was a problem reaching the server. <a href="javascript:;">Try again?</a></p>
                                </div>
                                <textarea class="embed-destination js-initial-focus"></textarea>
                                <div class="embed-options">
                                    <div class="embed-include-parent-tweet">
                                        <label for="include-parent-tweet">
                                            <input type="checkbox" id="include-parent-tweet" class="include-parent-tweet" checked>
                                            Include parent Tweet
                                        </label>
                                    </div>
                                    <div class="embed-include-card">
                                        <label for="include-card">
                                            <input type="checkbox" id="include-card" class="include-card" checked>
                                            Include media
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="embed-preview">
                            <h3>Preview</h3>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="hidden">
        <iframe class="tweet-post-iframe" name="tweet-post-iframe"></iframe>


        <div id="inline-reply-tweetbox">
            <form class="tweet-form  "
                method="post"
                target="tweet-post-iframe"
                action="//upload.twitter.com/i/tweet/create_with_media.iframe"
                enctype="multipart/form-data">
                <input type="hidden" name="post_authenticity_token" class="auth-token">
                <input type="hidden" name="iframe_callback" class="iframe-callback">
                <input type="hidden" name="in_reply_to_status_id" class="in-reply-to-status-id">
                <input type="hidden" name="impression_id" class="impression-id">
                <input type="hidden" name="earned" class="earned">

                <img class="inline-reply-user-image avatar size32" src="https://si0.twimg.com/sticky/default_profile_images/default_profile_6_normal.png" alt="Tan.do">
                <span class="inline-reply-caret">
                    <span class="caret-inner"></span>
                </span>

                <div class="tweet-content">
                    <i class="add-photo-icon hidden"></i>
                    <span class="tweet-drag-help tweet-drag-photo-here hidden">Drag photo here</span>
                    <span class="tweet-drag-help tweet-or-drag-photo-here hidden">Or drag photo here</span>
                    <label class="visuallyhidden" for="tweet-box-template" id="tweet-box-template-label">Tweet text</label>


                    <div aria-labelledby="tweet-box-template-label" id="tweet-box-template" class="tweet-box rich-editor" contenteditable="true" spellcheck="true" role="textbox"
                        aria-multiline="true">
                    </div>
                    <div class="rich-normalizer"></div>




                    <div class="dropdown-menu typeahead">
                        <div class="dropdown-caret">
                            <div class="caret-outer"></div>
                            <div class="caret-inner"></div>
                        </div>
                        <div class="dropdown-inner js-typeahead-results">
                            <div class="typeahead-saved-searches">
                                <ul class="typeahead-items saved-searches-list">

                                    <li class="typeahead-item typeahead-saved-search-item"><a class="js-nav" href="" data-search-query="" data-query-source="" data-ds="saved_search" tabindex="-1"><span class="icon generic-search"></span></a></li>
                                </ul>
                            </div>

                            <ul class="typeahead-items typeahead-topics">

                                <li class="typeahead-item typeahead-topic-item">
                                    <a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-ds="topics" tabindex="-1">
                                        <i class="generic-search"></i>
                                    </a>
                                </li>
                            </ul>





                            <ul class="typeahead-items typeahead-accounts js-typeahead-accounts">

                                <li data-user-id="" data-user-screenname="" data-remote="true" data-score="" class="typeahead-item typeahead-account-item js-selectable">

                                    <a class="js-nav" data-query-source="typeahead_click" data-search-query="" data-ds="account">
                                        <img class="avatar size24">
                                        <div class="typeahead-user-item-info">
                                            <span class="fullname"></span>
                                            <span class="js-verified hidden"><span class="icon verified"><span class="visuallyhidden">Verified account</span></span></span>
                                            <span class="username"><s>@</s><b></b></span>
                                        </div>
                                    </a>
                                </li>
                                <li class="js-selectable typeahead-accounts-shortcut js-shortcut"><a class="js-nav" href="" data-search-query="" data-query-source="typeahead_click" data-shortcut="true" data-ds="account_search"></a></li>
                            </ul>

                            <ul class="typeahead-items typeahead-trend-locations-list">

                                <li class="typeahead-item typeahead-trend-locations-item"><a class="js-nav" href="" data-ds="trend_location" data-search-query="" tabindex="-1"></a></li>
                            </ul>
                            <ul class="typeahead-items typeahead-context-list">

                                <li class="typeahead-item typeahead-context-item"><a class="js-nav" href="" data-ds="context_helper" data-search-query="" tabindex="-1"></a></li>
                            </ul>
                        </div>
                    </div>



                    <textarea class="tweet-box-shadow" name="status"></textarea>


                    <div class="thumbnail-container">
                        <div class="preview">
                            <a class="dismiss js-dismiss" href="#" tabindex="-1"><i class="dismiss-white"></i></a>

                            <span class="filename"></span>
                        </div>
                        <div class="preview-message">Image will appear as a link</div>
                    </div>

                </div>

                <div class="toolbar js-toolbar">
                    <div class="tweet-box-extras">

                        <div class="photo-selector">
                            <button aria-hidden="true" class="btn" type="button" tabindex="-1">
                                <i class="tweet-camera"></i>
                            </button>
                            <div class="image-selector">
                                <input type="hidden" name="media_data_empty" class="file-data">
                                <label>
                                    <span class="visuallyhidden">Add Photo</span>
                                    <input type="file" name="media_empty" class="file-input" tabindex="-1">
                                </label>
                                <div class="swf-container"></div>
                            </div>
                        </div>

                        <div class="geo-picker">
                            <button class="btn geo-picker-btn" type="button" tabindex="-1">
                                <i class="tweet-geo"><span class="visuallyhidden">Add location</span></i> <span class="caret"></span>
                            </button>
                            <span class="dropdown-container"></span>
                            <span class="geo-status"></span>
                            <input type="hidden" name="place_id">
                        </div>


                    </div>
                    <div class="tweet-button">
                        <span class="spinner"></span>
                        <span class="tweet-counter">140</span>
                        <button class="btn primary-btn tweet-action disabled" type="button">Tweet</button>
                    </div>
                </div>
            </form>

        </div>
    </div>
</body>
</html>
<input type="hidden" id="init-data" class="json-data" value="{&quot;baseFoucClass&quot;:&quot;swift-loading&quot;,&quot;htmlFoucClassNames&quot;:&quot;swift-loading&quot;,&quot;htmlClassNames&quot;:&quot;&quot;,&quot;macawSwift&quot;:true,&quot;assetsBasePath&quot;:&quot;https:\/\/abs.twimg.com\/a\/1375300742\/&quot;,&quot;environment&quot;:&quot;production&quot;,&quot;sandboxes&quot;:{&quot;jsonp&quot;:&quot;https:\/\/abs.twimg.com\/a\/1375300742\/jsonp_sandbox.html&quot;,&quot;detailsPane&quot;:&quot;https:\/\/abs.twimg.com\/a\/1375300742\/details_pane_content_sandbox.html&quot;},&quot;formAuthenticityToken&quot;:&quot;12927e71cdfe43511d00a5edf0e9786d045140c1&quot;,&quot;loggedIn&quot;:true,&quot;screenName&quot;:&quot;XuanTanDo&quot;,&quot;userId&quot;:&quot;1635702564&quot;,&quot;scribeBufferSize&quot;:3,&quot;pageName&quot;:&quot;home&quot;,&quot;sectionName&quot;:&quot;home&quot;,&quot;scribeParameters&quot;:{&quot;lang&quot;:&quot;en&quot;},&quot;internalReferer&quot;:null,&quot;experiments&quot;:{},&quot;geoEnabled&quot;:true,&quot;typeaheadData&quot;:{&quot;accounts&quot;:{&quot;localQueriesEnabled&quot;:true,&quot;remoteQueriesEnabled&quot;:true,&quot;enabled&quot;:true,&quot;limit&quot;:6},&quot;trendLocations&quot;:{&quot;enabled&quot;:true},&quot;savedSearches&quot;:{&quot;enabled&quot;:true,&quot;items&quot;:[]},&quot;dmAccounts&quot;:{&quot;enabled&quot;:true,&quot;localQueriesEnabled&quot;:true,&quot;onlyDMable&quot;:true,&quot;remoteQueriesEnabled&quot;:true},&quot;topics&quot;:{&quot;enabled&quot;:true,&quot;localQueriesEnabled&quot;:true,&quot;prefetchLimit&quot;:500,&quot;remoteQueriesEnabled&quot;:true,&quot;remoteQueriesOverrideLocal&quot;:false,&quot;limit&quot;:4},&quot;recentSearches&quot;:{&quot;enabled&quot;:false},&quot;contextHelpers&quot;:{&quot;enabled&quot;:false,&quot;page_name&quot;:&quot;home&quot;,&quot;section_name&quot;:&quot;home&quot;,&quot;screen_name&quot;:&quot;XuanTanDo&quot;},&quot;hashtags&quot;:{&quot;enabled&quot;:true,&quot;localQueriesEnabled&quot;:true,&quot;prefetchLimit&quot;:500,&quot;remoteQueriesEnabled&quot;:true},&quot;showSearchAccountSocialContext&quot;:false,&quot;showTypeaheadTopicSocialContext&quot;:false,&quot;showDebugInfo&quot;:false,&quot;useThrottle&quot;:true,&quot;accountsOnTop&quot;:false,&quot;remoteDebounceInterval&quot;:300,&quot;remoteThrottleInterval&quot;:300,&quot;tweetContextEnabled&quot;:false,&quot;fullNameMatchingInCompose&quot;:false,&quot;fullNameMatchingInComposeRequiresFollow&quot;:false},&quot;pushStatePageLimit&quot;:500000,&quot;routes&quot;:{&quot;profile&quot;:&quot;\/XuanTanDo&quot;},&quot;pushState&quot;:true,&quot;viewContainer&quot;:&quot;#page-container&quot;,&quot;asyncSocialProof&quot;:true,&quot;dragAndDropPhotoUpload&quot;:true,&quot;href&quot;:&quot;\/&quot;,&quot;searchPathWithQuery&quot;:&quot;\/search?q=query&amp;src=typd&quot;,&quot;timelineCardsGallery&quot;:true,&quot;mediaGrid&quot;:true,&quot;deciders&quot;:{&quot;oembed_use_macaw_syndication&quot;:true,&quot;preserve_scroll_position&quot;:false,&quot;pushState&quot;:true,&quot;hqImageUploads&quot;:false,&quot;mqImageUploads&quot;:false,&quot;unscaledImageUploads&quot;:true,&quot;cropToFit&quot;:true},&quot;permalinkCardsGallery&quot;:false,&quot;notifications_dm&quot;:true,&quot;notifications_spoonbill&quot;:false,&quot;notifications_timeline&quot;:false,&quot;notifications_dm_poll_scale&quot;:60,&quot;deviceEnabled&quot;:false,&quot;hasPushDevice&quot;:false,&quot;smsDeviceVerified&quot;:false,&quot;inResearchGroup&quot;:false,&quot;pollingOptions&quot;:{&quot;focusedInterval&quot;:30000,&quot;blurredInterval&quot;:300000,&quot;backoffFactor&quot;:2,&quot;backoffEmptyResponseLimit&quot;:2,&quot;pauseAfterBackoff&quot;:true,&quot;resumeItemCount&quot;:100},&quot;emptyTimelineOptions&quot;:{&quot;pc&quot;:true,&quot;connections&quot;:true,&quot;limit&quot;:3,&quot;display_location&quot;:&quot;wtf-component&quot;,&quot;dismissable&quot;:false,&quot;disabled&quot;:true,&quot;emptyTimelineModule&quot;:true,&quot;followingCount&quot;:0},&quot;help_pips_decider&quot;:false,&quot;injectComposedTweets&quot;:true,&quot;moreCSSBundle&quot;:&quot;https:\/\/abs.twimg.com\/a\/1375300742\/t1\/css\/t1_more.bundle.css&quot;,&quot;timeline_url&quot;:&quot;\/i\/timeline&quot;,&quot;reinjectedPromotedTweets&quot;:false,&quot;conversations_treatment&quot;:&quot;&quot;,&quot;trendsCacheKey&quot;:&quot;3f1e9b3007&quot;,&quot;decider_personalized_trends&quot;:true,&quot;trendsLocationDialogEnabled&quot;:true,&quot;wtfRefreshOnNewTweets&quot;:false,&quot;wtfOptions&quot;:{&quot;pc&quot;:true,&quot;connections&quot;:true,&quot;limit&quot;:3,&quot;display_location&quot;:&quot;wtf-component&quot;,&quot;dismissable&quot;:true,&quot;disabled&quot;:true},&quot;hasUserCompletionModule&quot;:false,&quot;dm_options&quot;:null,&quot;initialState&quot;:{&quot;title&quot;:&quot;Twitter&quot;,&quot;section&quot;:&quot;home&quot;,&quot;module&quot;:&quot;app\/pages\/home&quot;,&quot;cache_ttl&quot;:300,&quot;body_class_names&quot;:&quot;t1 logged-in user-style-XuanTanDo ms-windows&quot;,&quot;doc_class_names&quot;:&quot;route-home&quot;,&quot;route_name&quot;:&quot;home&quot;,&quot;page_container_class_names&quot;:&quot;wrapper wrapper-home white&quot;,&quot;ttft_navigation&quot;:false}}">
<input type="hidden" class="swift-boot-module" value="app/pages/home">
<input type="hidden" id="swift-module-path" value="https://abs.twimg.com/c/swift/en">


<script src="https://abs.twimg.com/c/swift/en/init.c40ff970c9a6d9e748e66182957bccd9b618fa37.js" async></script>

